﻿/*
LAYOUT
---------------------------------------*/
body {
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	background-color: #f7f7f7;
	color: #333333;
	padding: 0;
	margin: 0;
}

#wrap {
	width: 99%;
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	border: solid 1px #ccc;
}

#header {
	padding-top: 10px;
	width: auto;
	margin: 0 auto;
	background-color: #eef2f9;
	border-bottom: solid 1px #ccc;
}

#footer {
	margin-top: 20px;
	padding: 10px;
	clear: both;
	font-size: 10.5px;
	border-top: solid 1px #f1f1f1;
}

#logo {
	padding: 10px;
}

#content {
	width: 100%;
	margin-top: 10px;
}

#report_bug {
	position: fixed;
	bottom: 0;
	right: 8%;
	background-color: #2573be;
	border: solid 1px #ccc;
	vertical-align: middle;
}

/*
LINKS
---------------------------------------*/
a:link,a:visited,a:active {
	color: #1b5790;
	text-decoration: none;               
}
a:hover {
	text-decoration: underline;
	color: #333333;
}

.selected_link_block {
	padding: 1px;
	color: #FFFFFF;
	margin: 1px;
	background-color: #1b5790;
	border: solid 1px #000;
	font-weight: bold;
 }
a:link.selected_link_block,a:visited.selected_link_block,a:active.selected_link_block {
	color: #fff;
	text-decoration: none;
}

a:hover.link_block {
	color: #FFFFFF;
	background-color: #1b5790;
	border: solid 1px #000;
	text-decoration: none;
}

.link_block {
	display: inline-block;
	margin: 1px;
	padding: 1px;
	background-color: #eeeeee;
	border: solid 1px #ccc;
}
/*
FORM CONTROLS
---------------------------------------*/
input[type="text"] {
    width: 200px;
}

input[type="password"] {
    width: 200px;
}

select {
    font-size: inherit;
}

input {
    font-size: inherit;
}

button {
    font-size: inherit;
}

input.int {
    width: 100px
}

input.string {
    width: 200px;
}

input.title {
    width: 300px;
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}

textarea {
    font: inherit;
}

textarea.posting {
    width: 450px;
    height: 250px;
}

/*
UNORDERED LISTS
---------------------------------------*/
ul.horizontal_menu {
    padding: 0;
    margin: 5px;
}

ul.horizontal_menu li {
    display: inline-block;
    padding:0;
    border: solid 1px #e3e3e3;
    margin-bottom: 3px;
}

ul.horizontal_menu li a {
    display: block;
    padding: 5px;
    background-color: #f7f7f7;
}

ul.horizontal_menu li a:hover {
    display: block;
    background-color: #236fb8;
    color: #FFFFFF;
    text-decoration: none;
}

a img {
    vertical-align:text-bottom;
    border: 0;
    margin-right: 3px;
}

ul.vertical_menu {
    list-style: none;
    padding: 0;
    margin: 5px;
    clear: left;
}
ul.vertical_menu li {
    padding:0 0 0 0;
    border: solid 1px #e3e3e3;
    margin-bottom: 5px;
}

ul.vertical_menu li a {
    display: block;
    padding: 5px;
    background-color: #f7f7f7;
}

ul.vertical_menu li a:hover {
    background-color: #236fb8;
    color: #FFFFFF;
    text-decoration: none;
}

ul li a.selected {
    background-color: #236fb8;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.small_paging {
    padding: 0 1px 0px 1px;
    margin: .5px;
    font-size: 10px;
}

.bold {
    font-weight: bold;
}

th img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

.left {
    float:left;
    clear: left;
    width: auto;
}

.right {
    float: right;
    clear: right;
    width: auto;
}

.bread_crumb {
    font-size: 13px;
    clear: both;
    margin: 5px;
}

.paging {
    font-size: 11px;
    margin-right: 2px;
}

.spacer {
    clear: both;
    width: 100%;
}

label span.edit_details {
    display: block;
}

.active {
	color: #3BA71A;
	font-weight: bold;
}

.inactive {
	color: #B10404;
	font-weight: bold;
}

.vote_bar {
    background-color: #f8f8f8;
    border: solid 1px #ccc;
    display: inline-block;
}

img {
    border-width: 0;
}

/*
VIEW THREAD
---------------------------------------*/
table.thread_review {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
table.thread_review td {
    border: solid 1px #ccc;
    padding-left: 5px;
    vertical-align: top;
    padding-top: 5px;
}

table.thread_review th {
    border: solid 1px #ccc;
    text-align: center;
    background-color: #f9f9f9;
}

.thread_body {
    width: auto;
}

.thread_details {
    border: solid 1px #27627F;
    background-color: #f5f5f5;
    padding: 5px;
    font-weight: bold;
    font-size: 13px;
}

.quick_reply {
    text-align: center;
}

.bg_color1 {
    background-color: #eef2f9;
}

.bg_color2 {
    background-color: #f6f6f6;
}

.bg_color3 {
    background-color: #f9f9f9;
}

.first_post {
    background-color: #eef2f9;
}

.last_post {
    background-color: #eef2f9;
}

.alt_post {
    background-color: #f6f6f6;
}
/* Post */
.post_user_rank {
    margin-left:10px;
    font-size: 10px;
    margin-bottom: 5px;
}

.post_user_rank .title {
    padding-bottom: 3px;
}

.post_user_rank .image {
    margin-bottom: 3px;
}


.post_body {
    width: 100%;
    border-bottom: solid 3px #ccc;
    border-top: solid 1px #ccc;
}

.post_title {
    background-color: #f1f1f1;
}

.post_spacer {
    width: 100%;
    clear: both;
    height: 10px;
    background-color: #eef2f9;
}

.post_date {
    border-bottom: dashed 1px #ccc;
    margin-bottom: 5px;
    padding: 5px 0 3px 0;
}

.post_text {
    width: 83%;
    vertical-align: top;
    display: inline-block;
}

.post_user {
    padding-top: 10px;
    display: inline-block;
    width: 15%;
    border-right: dashed 1px #ccc;
    vertical-align: top;
    background-color: #eef2f9;
    height: 100%;
}

.post_user_signature {
    border-top: solid 1px #ccc;
    padding: 10px 4px 10px 4px;
    clear: both;
    margin-top: 25px;
}

.post_user_avatar {
    text-align: center;
    padding: 5px;
    margin: 0 auto;
}

.post_username {
    font-size: 13px;
    font-weight: bold;
    padding: 2px;
    margin-left: 10px;
    margin-bottom: 3px;
}

ul.validation-summary-errors {
    color: Red;
    list-style-type: square;
}

ul.post_user_details {
    list-style-type: none;
    padding-left: 10px;
    margin-top: 0px;
    
}

/*
TABLES
---------------------------------------*/
table.smilies {
    border: solid 1px #ccc;
    margin: 0 auto;
    margin-top: 20px;
    border-collapse: collapse;
}

table.smilies td {
    padding: 6px;
}

table.smilies td,tr {
    border: solid 1px #ccc;
}

table.rightth th {
    width: 30%;
    text-align: right;
}

table.leftth th {
    text-align: left;
}

table.form_table {
    width: 100%;
    border-collapse: collapse;
}

table.form_table td {
    border: solid 1px #ccc;
    padding: 5px;
    border-collapse: collapse;
}

table.form_table th {
    border: solid 1px #ccc;
    padding: 5px;
    border-collapse: collapse;
    background-color: #eef2f9;
    text-align: center;
}

th.thread, th.forum, td.forum {
    width:50%;
}

th.stats, td.stats {
    text-align: center;
    width: 8%;
}

th.latest_post {
    width: 20%;
}

td.latest_post {
    width: 20%;
    background-color: #f9f9f9;
}

th.image, td.image {
    text-align: center;
    width: 5%;
    background-color: #f9f9f9;
}

table.forums_index {
    width: 100%;
    border: solid 1px #333;
    border-spacing: 1px;
    border-collapse: collapse;
    margin-bottom: 15px; /* Distance between categories */
}

table.forums_index th {
    border: solid 1px #27627F;
    background-color: #f5f5f5;
    border-spacing: 1px;
}

table.forums_index td {
    border: solid 1px #ccc;
    border-spacing: 1px;
}

table td.category_header {
    font-size: 14px;
    font-weight: bold;
    border: solid 1px #27627F;
    background-color: #eef2f9;
}

table.forums_index tr.new {
    background-color: #eef2f9;
}

table.view_forum {
    width: 100%;
    border: solid 1px #ccc;
    border-spacing: 1px;
    border-collapse: collapse;
}

table.view_forum th {
    border: solid 1px #27627F;
    background-color: #f5f5f5;
}

table.view_forum td {
    border-right: solid 1px #f1f1f1;
}

table.view_forum tr.new {
    background-color: #eef2f9;
}

table.view_forum tr.thread_row {
    border: solid 1px #ccc;
    border-left-color: #f1f1f1;
}

.Error {
    background-color: #ffe1e1;
    border: solid 1px #e59d83;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 300px;
}

.Error img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.Success {
    background-color: #bcfcbf;
    border: solid 1px #26db2a;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 300px;
}

.Success img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.Notice {
    background-color: #fbfdbc;
    border: solid 1px #d1dc25;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 300px;
}

.Notice img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.input-validation-error {
    border: solid 1px #FF5047;
    background-color: #fee;
}

.field-validation-error {
    display: block;
    color: red;
}

.message {
    border: solid 1px #e3e3e3;
}
.message_first_line {
    background-color: #f1f1f1;
    font-size: 16px;
    padding: 10px 0 10px 10px;
}
.message_second_line {
   background-color: #f9f9f9;
    padding: 5px;
}
.message_text {
    margin-left: 5px;
    padding: 5px;
}

.light_gray {
    color: #686868;
}

.avatar {
    width:100px; 
    height: 100px; 
    overflow: hidden; 
    padding-top: 5px;
}

.bb_code {
    display: block;
    margin: 10px auto 10px 10px;
    border: solid 1px #ccc;
    background-color: #f4ffdd;
    padding: 10px;
    width: 90%;
}

.bb_quote {
    display: block;
    margin: 10px auto 10px 10px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    overflow: hidden;
    width: 90%;
    border-left-width: 5px;
}

table.forum_permissions {
    font-size: 10px;
}

table.forum_permissions td {
    padding: 2px;
}

table.post_single_attachment {
    border-collapse: collapse;
    border: solid 1px #ccc;
    display: inline-block;
    margin-bottom: 5px;
}

table.post_single_attachment tr {
    border: solid 1px #ccc;
}

table.post_single_attachment td {
    background-color: #f9f9f9;
    padding: 3px;
}

table.post_single_attachment th {
    background-color: #f1f1f1;
    padding: 3px;
}

.dialog {
    background-color: #fbfdbc;
    border: solid 1px #d1dc25;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 10px auto 10px auto;
    width: 50%;
}

.dialog img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.search_result {
    padding: 10px;
    border: solid 1px #ccc;
    margin-bottom: 5px;    
}

fieldset {
    padding: 1em;
    border: 1px solid #CCC;
    clear: both;
    margin-bottom: 5px;
}

.clear {
    clear: both;
}

fieldset p {
    margin: 2px 12px 10px 10px;
    clear: both;
    width: 100%;
}


fieldset.form label {
    display: inline-block;
    width: 110px;
    float: left;
}

fieldset.form p {
    margin-bottom: 20px;
}

fieldset.form {
    clear: both;
}

dl.form dd label.inline {
    display: inline-block;
}

label.inline {
    display: inline;
}

legend {
    font-size: 1.4em;
    font-weight: bold;
    padding: 4px 6px 4px 6px;
    border: solid 1px #ccc;
    background-color: #eef2f9;
    margin-bottom: 5px;
}

legend img {
    margin-right: 3px;
    vertical-align: text-bottom;
}

fieldset.center {
    margin-right: auto;
    margin-left: auto;
}

dl.details dt {
    font-weight:bold;
    background-color: #f9f9f9;
    border: solid 1px #ccc;
    padding: 5px;
    margin-bottom: 0px;
}

dl.details dd {
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 8px;
    border: solid 1px #eee;
    border-top: none;   
}

dl.details dd:hover {
    border: solid 1px;
    border-top: none;
    background-color: #f9f9f9;
}

p.details_title {
    font-weight: bold;
    font-size: 20px;
}

dl.form dt {
    float: left;
    clear: left;
    width: 130px;
    font-weight: bold;
    text-align: right;
}

dl.form dd:hover {
    border-left: solid 1px #333;
}

dl.form dd {
    border-left: solid 1px #bbb;
    float: left;
    width: auto;
    padding-left: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
}

dl dt {
    margin-bottom: 5px;
}

dl dd {
    margin-bottom: 3px;
}

dl.form dd label {
    font-size: 11px;
    font-weight: normal;
    width: auto;
    display: block;
}

dl.form {
    clear: both;
    display: block;
}

img.captcha {
    margin: 2px;
}

img.post-user-role-image {
    margin: 0 auto;
    display: block;
}

.thread_row_image {
    padding-right: 2px; 
    display: inline-block
}

.thread_row_image img {
    vertical-align: text-top;    
}

img.middle_align {
    vertical-align: text-bottom;    
}

.create_thread_images {
    width: 460px;
}

.thread_images_image:hover {
    background-color: #ccc;
    display: inline-block;
}

.thread_images_image {
    display: inline-block;
    padding-bottom: 2px;
    padding-right: 2px;
}

.thread_images_image img {
    vertical-align: text-bottom;
}

.thread_images_image input {
    margin-right: 0px;
}

.thread_images_image label {
    padding-left: 3px;
}

a.img_link_small {
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 22px;
}

a.last-post-link {
    background-image: url(../../Images/arrow_gray.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}
 
a.post-perma-link-small {
    background-repeat: no-repeat;
    background-image: url(../../Images/permalink_small.png); 
    text-decoration: none;
    margin-right: 3px;
}

a.post-perma-link {
    background-repeat: no-repeat;
    background-image: url(../../Images/permalink.png); 
    text-decoration: none;
    margin-right: 3px;
}

a.unlock-thread-link {
    background-image: url(../../Images/unlock.png);
}

a.lock-thread-link {
    background-image: url(../../Images/lock.png);
}

a.edit-post-link {
    background-image: url(../../Images/edit_page.png);
}

a.quote-post-link {
    background-image: url(../../Images/speech_bubble.png);
}

a.report-post-link {
    background-image: url(../../Images/report.png);
}

a.delete-post-link {
    background-image: url(../../Images/delete.png);
}

a.create-post-locked {
    background-image: url(../../Images/lock.png);
}

a.comment-link {
    background-image: url(../../Images/speech_bubble.png);
}

a.create-post {
    background-image: url(../../Images/create_post.png);
}

a.thread-subscription {
    background-image: url(../../Images/newspaper.png);
}

a.create-thread-link {
    background-image: url(../../Images/create_thread.png);
}

a.img_link {
    display: inline-block;
    font-weight: bold;
    margin: 3px;
    background-color: #f7f7f7;
    background-position: 3px center;
    background-repeat: no-repeat;
    border: solid 1px #ccc;
    text-decoration: none;
    padding: 5px 5px 5px 22px;
}

a.img_link:hover {
    background-color: #236fb8;
    color: #fff;
    text-decoration: none;
}

#slide {
    display:none;
}

.ucp_signature_preview {
    padding: 10px; 
    background-color:#eef2f9;
    width:400px;
}

input.admin_confirm_no,input.admin_confirm_yes {
    padding: 5px 5px 5px 25px;
    background-repeat: no-repeat;
    background-position: 4px center;
    font-weight: bold;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
    cursor: pointer;
    color: #1b5790;
}

input.admin_confirm_no:hover, input.admin_confirm_yes:hover{
    background-color: #236fb8;
    color: #fff;
}

input.admin_confirm_yes {
    background-image: url(../../Images/check.png);
}

input.admin_confirm_no {
    background-image: url(../../Images/cross.png);
}

ul.plugin_menu {
    padding: 0;
    margin-left: 5px;
    list-style-type: none;
}

ul.plugin_menu li a {
    padding: 5px;
    display: block;
}

ul.plugin_menu li {
}

ul.plugin_menu_childern {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.plugin_menu_childern li {
    border: solid 1px #ccc;
}

ul.plugin_menu_childern li a {
    padding: 3px;
    margin: 0;    
}

a.image_link_selected {
    display: inline-block;
    padding: 3px;
    font-weight: bold;
    margin: 3px;
    border: solid 1px #ccc;
    background-color: #236fb8;
    color: #fff;
    text-decoration: none;
}

a.image_link_selected:visited {
    color: #fff;
}

a.image_link {
    display: inline-block;
    padding: 3px;
    font-weight: bold;
    margin: 3px;
    background-color: #f7f7f7;
    border: solid 1px #ccc;
    text-decoration: none;
}

a.image_link:hover {
    background-color: #236fb8;
    color: #fff;
    text-decoration: none;
}